<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset=utf-8"utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>welcome!</title>
    <meta name="description" content="welcome!">
    <meta name="author" content="lygoup@163.com">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="welcome!">
    <meta name="twitter:description" content="博观而约取，厚积而薄发">
    <meta property="og:type" content="article">
    <meta property="og:title" content="welcome!">
    <meta property="og:description" content="博观而约取，厚积而薄发">

    <script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
    <link rel="icon" type="images/png" th:href="@{/images/favicon.png}"/>
    <link th:href="@{/images/favorite.png}" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" th:href="@{/css/main.css}">
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
</head>
<body>
<span class="mobile btn-mobile-menu">
        <div class="nav_container">
          <nav class="nav-menu-item" style="float:right">
            <i class="nav-menu-item">
              <a th:href="@{/index}" title="" class="blog-button"> 博客主页</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/allArticle}" title="archive" class="btn-mobile-menu__icon">所有文章</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/label}" class="btn-mobile-menu__icon">标签</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/TechSupport}" title="support" class="btn-mobile-menu__icon">技术支持</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/aboutme}" title="about" class="btn-mobile-menu__icon">关于我</a>
            </i>
          </nav>
        </div>
    </span>
<header class="panel-cover " style="background-image: url('/images/background-cover.jpg')">
    <div class="panel-main">
        <div class="panel-main__inner panel-inverted">
            <div class="panel-main__content">
                <!-- 头像效果-start -->
                <div class="ih-item circle effect right_to_left">
                    <a title="前往柳勇的主页" class="blog-button">
                        <div class="img"><img th:src="@{/images/avatar.jpg}" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h2>
                                    <p>lygoup@163.com</p>
                                </h2>
                                <p >Base on Java</p>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- 头像下文字效果-end -->
                <h1 class="panel-cover__title panel-title">
                    <a th:href="@{/index}" title="link to homepage for LiuYong" class="blog-button">柳勇</a>
                </h1>
                <span class="panel-cover__subtitle panel-subtitle">个人站</span>
                <hr class="panel-cover__divider"/>
                <p class="panel-cover__description">博观而约取，厚积而薄发</p>
                <hr class="panel-cover__divider panel-cover__divider--secondary"/>
                <div class="navigation-wrapper">
                    <div>
                        <nav class="cover-navigation cover-navigation--primary">
                            <ul class="navigation">
                                <li class="navigation__item">
                                    <a th:href="@{/index}" title="home" class="blog-button">博客主页</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/allArticle}" title="archive">所有文章</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/label}" title="tags">标签</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/TechSupport}" title="support">技术支持</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/aboutme}" title="about">关于我</a>
                                </li>
                            </ul>
                            </ul>
                        </nav>
                        <p style=";font-size: 8px;position: absolute;color: rgb(102,102,102); padding-top: 175px;width: 598px;">
                             &copy; LiuYong 2021 |
                            <a target="_blank" style="text-decoration: none;color:rgb(102,102,102);font-size: 5px " href="http://beian.miit.gov.cn/">赣ICP备2021007116号</a>
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--这行代码控制背景亮度-->
    <div class="panel-cover--overlay cover-clear"></div>
</header>
<!--<div class="content-wrapper">
    <div class="content-wrapper__inner">
        <div class="main-post-list hidden">
            <ol class="post-list">
                <li>
                    <h2 class="post-list__post-title post-title">
                        <a th:href="@{/pages/article.html}" title="访问文章">博客模板功能介绍</a>
                    </h2>
                    <p class="excerpt">在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成，这篇文章主要讲的是如何使用和修改我的博客主题，文章内容含以下几点：博客特性
                        适配电脑、手机、平板等各屏幕
                        响应式设计 个性化头像 每篇文章自动添加打赏功能 支持Disqus、livere评论系统 支持站点总数访问统计，每篇文章访问统计 支持文章自动生成目录 支持标签分类 支持代码高亮
                        支持文章H1、H2、H3、H4标题样式多样化 支持多种三方社交icon展示，能从博客直接跳转到自己的三方社交主页 支持...&hellip;</p>
                    <div class="post-list__meta">
                        <time datetime="2020-07-11 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="/images/calendar.png" width="20px"/>
                            2020-07-11
                        </time>
                        <a href="pages/index-8.htm">
                            <div class="post-list-icon-mate">
                                <span class="post-list__meta&#45;&#45;tags-right">jekyll</span>
                            </div>
                            <div class="post-list-small-mate">
                                <a class="btn-border-small" th:href="@{/pages/article.html}">阅读全文 » </a>
                            </div>
                        </a>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
                <li>
                    <h2 class="post-list__post-title post-title">
                        <a th:href="@{/index-2.html}" title="访问 博客迭代记录">博客迭代记录</a>
                    </h2>
                    <p class="excerpt">
                        介绍本博客首发时间为2015年，至今已经5个年头了。感觉之前更新迭代的有点乱，很多用户在使用的时候也没法确定是否要更新新版的博客，再次我专门用一篇文章来记录博客更新迭代的记录，如果你已经在使用我的博客模板的，你可以看看更新记录后确认下是否要更新。博客的全功能介绍请看博客功能介绍1.0.02016-11-25
                        第一版发布，红色主题2.0.0 开发中 2016-11-25 修改博客风格为淡蓝色主题 2016-12-16 增长404、about等页面 2017-1-12 增加代码高亮 2...&hellip;
                    </p>
                    <div class="post-list__meta">
                        <time datetime="2020-07-10 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="images/calendar.png" width="20px"/>
                            2020-07-10
                        </time>
                        <a th:href="@{/pages/args.html}" tppabs="https://lygoup@163.com.cn/tags"></a>
                        <div class="post-list-icon-mate">
                            <span class="post-list__meta&#45;&#45;tags-right">jekyll</span>
                        </div>
                        <div class="post-list-small-mate">
                            <a class="btn-border-small" th:href="@{/pages/index-2.html}">阅读全文 » </a>
                        </div>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
                <li>
                    <h2 class="post-list__post-title post-title">
                        <a th:href="@{/pages/index-3.html}" title="访问 文档支持的Markdown语法">文档支持的Markdown语法</a>
                    </h2>
                    <p class="excerpt">
                        什么是 MarkdownMarkdown
                        是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：如您正在阅读的这篇文章。它使用简单的符号标记不同的标题，分割不同的段落，粗体 或者 斜体
                        某些文字.很多产品的文档也是用markdown编写的，并且以“README.MD”的文件名保存在软件的目录下面。　　一些基本语法标题 H1 :# Header 1 H2 :## Header
                        2 H3
                        :###...&hellip;
                    </p>
                    <div class="post-list__meta">
                        <time datetime="2016-11-20 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="/images/calendar.png" width="20px"/>
                            2016-11-20
                        </time>
                        <a th:href="@{/pages/args.html}">
                            <div class="post-list-icon-mate">
                                <span class="post-list__meta&#45;&#45;tags-right">markdown</span>
                            </div>
                            <div class="post-list-small-mate">
                                <a class="btn-border-small" th:href="@{/pages/index-3.html}">阅读全文 » </a>
                            </div>
                        </a>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
                <li>
                    <h2 class="post-list__post-title post-title">
                        <a th:href="@{/pages/index-4.html}" title="访问Jekyll搭建个人博客">Jekyll搭建个人博客</a>
                    </h2>
                    <p class="excerpt">
                        　之前写了一篇HEXO搭建个人博客的教程获得了很好评，尤其是在简书上目前已经累积了10W+的阅读量了，也有好心的读者主动给我打赏，在此感谢。　如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的，之前我也是使用
                        HEXO 搭建的博客，后来发现使用 HEXO 在多台电脑上发布博客，操作起来并不是那么方便，果断就转到了 Jekyll 上，接下来我会讲如何使用 Jekyll
                        搭建博客，博客模板效果。介绍　Jekyll
                        是一个简单的博客形态的静态站点生产机器。它有一个模版目录，其中包含原...&hellip;
                    </p>
                    <div class="post-list__meta">
                        <time datetime="2016-10-14 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="/images/calendar.png" width="20px"/>
                            2016-10-14
                        </time>
                        <a th:href="@{/pages/args.html}"></a>
                        <div class="post-list-icon-mate">
                            <span class="post-list__meta&#45;&#45;tags-right">jekyll</span>
                        </div>
                        <div class="post-list-small-mate">
                            <a class="btn-border-small" href="pages/index-4.htm">阅读全文 » </a>
                        </div>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
                <li>
                    <h2 class="post-list__post-title post-title"><a th:href="@{/pages/index-5.html}" title="访问HEXO进阶">HEXO进阶</a>
                    </h2>
                    <p class="excerpt">
                        HEXO接近是最近有一些朋友提出的问题，然后我做了总结，如果你也在使用HEXO，不妨看看，应该会有些帮助。 1、博客部署样式出问题了怎么办？
                        2、电脑重装或者误删了本地博客怎么办？ 3、想使用两台电脑写博客怎么办？ 4、为何使用百度搜不到我的博客？使用Jekyll解决前三个问题。不得不说 Jekyll 确实可以解决我上面三个问题,
                        因为 Jekyll
                        是直接把Markdown格式的文章直接放在github仓库里的, 相当于直接用git来管理博客了, Github 官方也很推荐 Je...&hellip;
                    </p>
                    <div class="post-list__meta">
                        <time datetime="2016-06-12 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="/images/calendar.png" width="20px" alt=""/>
                            2016-06-12
                        </time>
                        <a th:href="@{/pages/args.html}"></a>
                        <div class="post-list-icon-mate">
                            <span class="post-list__meta&#45;&#45;tags-right">hexo</span>
                        </div>
                        <div class="post-list-small-mate">
                            <a class="btn-border-small" href="pages/index-5.htm">阅读全文 » </a>
                        </div>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
                <li>
                    <h2 class="post-list__post-title post-title">
                        <a th:href="@{/index-6.html}" title="访问 HEXO搭建个人博客">HEXO搭建个人博客</a>
                    </h2>
                    <p class="excerpt">　　
                        经过各种找资料，踩过各种坑，终于使用 hexo 搭建个人博客初步完成了，域名目前用得时 github 的，我的 hexo 是 3.1.1 版本，hexo
                        不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。　　本篇文章累计了大量评论，和我的一些解答，读者有什么问题可以先看看评论，或者搜下关键字，如果还是有问题可以给我在评论里给我留言，问题很着急的可以加我
                        ＱＱ：1499065178　，或者给我发邮件：lygoup@163.com@，都可以，如果你已经搭建完成了，可...&hellip;
                    </p>
                    <div class="post-list__meta">
                        <time datetime="2015-08-25 00:00:00 +0800" class="post-list__meta&#45;&#45;date date">
                            <img src="/images/calendar.png" width="20px" alt=""/>
                            2015-08-25
                        </time>
                        <a th:href="@{/pages/args.html}"></a>
                        <div class="post-list-icon-mate">
                            <span class="post-list__meta&#45;&#45;tags-right">hexo</span>
                        </div>
                        <div class="post-list-small-mate">
                            <a class="btn-border-small" href="pages/index-6.htm">
                                阅读全文
                                »
                            </a>
                        </div>
                    </div>
                    <hr class="post-list__divider"/>
                </li>
            </ol>
            <hr class="post-list__divider "/>
            <nav class="pagination" role="navigation">
                <span class="pagination__page-number">1 / 1</span>
            </nav>
        </div>
        <section class="footer">
            <footer>
                <div class="footer_div">
                    <nav class="cover-navigation navigation&#45;&#45;social">
                        <ul class="navigation">
                            &lt;!&ndash; Github &ndash;&gt;
                            <li class="navigation__item_social">
                                <a href="#" title="@lygoup@163.com 的 Github"
                                   target="_blank">
                                    <div class="footer-social-icon" style="background:url(/images/github.png);"></div>
                                </a>
                            </li>
                            &lt;!&ndash; Email &ndash;&gt;
                            <li class="navigation__item_social">
                                <a href="mailto:lygoup@163.com" title="Contact me">
                                    <div class="footer-social-icon"
                                         style="background:url(../images/email.png);"></div>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="footer_div">
                    <p class="copyright text-muted">
                        Copyright &copy; 柳勇 2020 Theme by <a href="mailto:lygoup@163.com">lygoup@163.com</a>|
                    </p>
                    <div align="right">
                        <link rel="stylesheet" th:href="@{/css/font-awesome.min-1.css}">
                        &lt;!&ndash; 访问统计 &ndash;&gt;
                        <span id="busuanzi_container_site_pv">
                            本站总访问量
                            <span></span>次
                        </span>
                    </div>
                </div>
            </footer>
        </section>
    </div>
</div>-->
<script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.js}"></script>
<script type="text/javascript" th:src="@{/js/highlight.pack.js}"></script>
<!-- <script>hljs.initHighlightingOnLoad();</script>-->
</body>
</html>